<template>
  <basic-container>
    <div class="workbook">
      <p class="word">人人美集团视频答题后台管理</p>
<!--      <p class="word">员工评分系统-管理员 操作手册</p>-->
<!--      <el-link :underline="false" class="pbutton" href="doc/员工评分系统-操作手册.docx" >下载</el-link>-->
    </div>

    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>系统公告</span>
      </div>
      <div class="text item">
        本系统浏览器要求：推荐使用谷歌浏览器！
      </div>
    </el-card>
  </basic-container>

</template>

<style scoped>
  .workbook{
    width: 100%;
    height: 50px;
    display: flex;

  }
  .workbook .word{
    font-size: 40px;
    font-weight: 800;
    margin: 0 0;
  }
  .pbutton{
    font-size: 40px;
    margin-left: 20px;
    font-weight: 500;
  }

  .text {
    font-size: 14px;
  }
  .item {
    margin-bottom: 18px;
  }
  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }
  .box-card {
    width: 100%;
    border-radius: 5px  !important;
    margin-top:10px   !important;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)    !important;
  }
</style>
